<template>
  <p>state A</p>
</template>

<script>
export default {
  beforeCreate() {
    console.log("A beforeCreate");
  },
  created() {
    // eslint-disable-next-line
    console.log("A created");
  },
  beforeMount() {
    console.log("A beforeMount");
  },
  mounted() {
    // eslint-disable-next-line
    console.log("A mounted");
  },
  beforeUpdate() {
    // eslint-disable-next-line
    console.log("A before update");
  },
  updated() {
    // eslint-disable-next-line
    console.log("A updated");
  },
  beforeDestroy() {
    console.log("A beforeDestroy");
  },
  destroyed() {
    // eslint-disable-next-line
    console.log("A destroyed");
  },
  activated() {
    console.log("A activated");
  },
  deactivated() {
    console.log("A deactivated");
  }
};
</script>